<!-- your_app/templates/home.html -->
{% extends 'learn/base.html' %}

{% block title %}CooYuu 酷语{% endblock %}

{% block content %}
  <div class="center">
  <h1 class="brand-title"><a href="/learn/">{{ brand }}</a></h1>
  <h2>
    <ruby>
      <rb>日</rb><rt>に</rt>
      <rb>本</rb><rt>ほん</rt>
      <rb>語</rb><rt>ご</rt>
      <rb>の</rb><rt></rt>
      <rb>奇</rb><rt>き</rt>
      <rb>妙</rb><rt>みょう</rt>
      <rb>な</rb><rt></rt>
      <rb>冒</rb><rt>ぼう</rt>
      <rb>険</rb><rt>けん</rt>
      <rb>で</rb><rt></rt>
      <rb>始</rb><rt>はじ</rt>
      <rb>めましょう</rb><rt></rt>
      <rb>！</rb><rt></rt>
    </ruby>
  </h2>
  <h2>
    <ruby>
      <rb>开启你的日语冒险之旅吧！</rb>
    </ruby>
  </h2>
  </div>

  <div class="center-div">
    <p>请选择你感兴趣的课程：</p>

    <ul class="lesson">
    <li class="lesson"><a href="lesson">随机匹配</a></li>
    {% for lesson in lessons %}
    <li class="lesson"><a href="{% url 'lesson' lesson.id %}">「{{ lesson }}」</a></li>
    {% endfor %}
    </ul>
  </div>
{% endblock %}

